body {
    margin: 0
}

body,
html,
input,
select,
textarea {
    font-family: -apple-system, Microsoft YaHei
}

body,
button,
input,
textarea {
    font-size: 14px
}

input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
    font-family: -apple-system, Microsoft YaHei;
    font-size: 14px
}

ul {
    list-style: none;
    padding-left: 0
}

h1,
h2,
h3,
p,
ul {
    margin-top: 0;
    margin-bottom: 0
}

a {
    text-decoration: none
}

input,
textarea {
    outline: none
}

dl {
    margin-top: 0;
    margin-bottom: 0
}

dl dd,
dl dt {
    margin-left: 0
}

img {
    border: none;
    vertical-align: middle;
    pointer-events: none
}

body {
    background: #f1f1f1;
    font-size: .7032rem
}

.page,
.wrapper {
    margin: 0 auto;
    min-width: 240px
}

.page {
    background-color: #fff;
    min-height: 100vh;
    overflow: hidden
}

.page--pc {
    position: relative;
    overflow-y: auto;
    box-shadow: .0938rem .1406rem .4688rem #999
}

.page--pc,
.page--pc .wrapper {
    max-width: 390px
}

.page__footer {
    text-align: center;
    padding: 0 .6rem .6rem
}

@keyframes btn-zoom {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(.95)
    }

    75% {
        transform: scale(1.05)
    }
}

.btn-zoom {
    animation: btn-zoom 1s linear infinite
}

.vcenter {
    display: flex;
    justify-content: center;
    align-items: center
}

.text-center {
    text-align: center
}

.padding-xxs {
    padding: .0938rem
}

.padding-xs {
    padding: .1875rem
}

.padding-s {
    padding: .2813rem
}

.padding-m {
    padding: .3751rem
}

.padding-l {
    padding: .4688rem
}

.padding-xl {
    padding: .5626rem
}

.padding-t-xxs {
    padding-top: .0938rem
}

.padding-t-xs {
    padding-top: .1875rem
}

.padding-t-s {
    padding-top: .2813rem
}

.padding-t-m {
    padding-top: .3751rem
}

.padding-t-l {
    padding-top: .4688rem
}

.padding-t-xl {
    padding-top: .8439rem
}

.padding-b-xxs {
    padding-bottom: .0938rem
}

.padding-b-xs {
    padding-bottom: .1875rem
}

.padding-b-s {
    padding-bottom: .2813rem
}

.padding-b-m {
    padding-bottom: .3751rem
}

.padding-b-l {
    padding-bottom: .4688rem
}

.padding-b-xl {
    padding-bottom: .5626rem
}

.padding-h-s {
    padding-left: .1875rem;
    padding-right: .1875rem
}

.padding-h-m {
    padding-left: .3751rem;
    padding-right: .3751rem
}

.padding-h-l {
    padding-left: .7501rem;
    padding-right: .7501rem
}

.padding-h-xl {
    padding-left: 1.1252rem;
    padding-right: 1.1252rem
}

.padding-v-s {
    padding-top: .1875rem;
    padding-bottom: .1875rem
}

.padding-v-m {
    padding-top: .3751rem;
    padding-bottom: .3751rem
}

.padding-v-l {
    padding-top: .7501rem;
    padding-bottom: .7501rem
}

@keyframes pan-clockwise {
    0% {
        transform: rotate(var(--from))
    }

    to {
        transform: rotate(var(--to))
    }
}

@keyframes pan-counterclockwise {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(-1turn)
    }
}

@keyframes marquee-scroll-586edc5c {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

.marquee-text {
    overflow: hidden
}

.marquee-text p,
.marquee-text {
    height: 1.4065rem
}

.marquee-text p {
    line-height: 1.4065rem;
    animation: marquee-scroll-586edc5c 20s linear infinite;
    box-sizing: border-box;
    white-space: nowrap
}

@keyframes marquee-scroll-7624ddc2 {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100%)
    }
}

.marquee-score {
    display: flex;
    align-items: center
}

.marquee-score .comments-list {
    flex: 2;
    overflow: hidden
}

.marquee-score .comments-list li,
.marquee-score .comments-list {
    height: 2.8129rem
}

.marquee-score .comments-list ul {
    position: relative;
    transition: top 1s
}

.marquee-score .comments-list .comment-item {
    display: flex;
    flex-direction: row;
    align-items: center
}

.marquee-score .comments-list .comment-item img {
    width: 2.2504rem;
    height: 2.2504rem;
    margin-right: .3751rem;
    border-radius: 1.1252rem
}

.marquee-score .comments-list .comment-item strong {
    font-size: .6564rem
}

.marquee-score .comments-list .comment-item p {
    line-height: 1.6;
    font-size: .5626rem
}

.marquee-score .statistics-box {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: right;
    border-left-width: .0469rem;
    border-left-style: solid;
    line-height: 1.6;
    position: relative
}

.marquee-score .statistics-box .statistics {
    text-align: center
}

@keyframes scrollUp-7624ddc2 {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100%)
    }
}

.animated {
    animation: scrollUp-7624ddc2 .5s forwards
}

@keyframes pan-clockwise-33962b7b {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes pan-counterclockwise-33962b7b {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(-1turn)
    }
}

.submitting {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1002
}

.submitting__container {
    margin: 0 auto;
    min-width: 240px;
    min-height: 100vh;
    background: rgba(0, 0, 0, .75);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    -webkit-backdrop-filter: blur(.1875rem);
    backdrop-filter: blur(.1875rem)
}

.submitting h3 {
    color: #fff
}

.submitting__pan {
    position: relative;
    margin-bottom: 1.5002rem
}

.submitting__pan img,
.submitting__pan {
    width: 10.3141rem;
    height: 10.3141rem
}

.submitting__pan img {
    position: absolute;
    left: 0;
    top: 0;
    animation: pan-clockwise-33962b7b 10s linear infinite
}

.submitting__pan img:nth-child(odd) {
    animation: pan-counterclockwise-33962b7b 10s linear infinite
}

.policy-dialog {
    width: 90%;
    background: #fff;
    border-radius: .7501rem;
    box-sizing: border-box;
    max-height: 90vh;
    position: relative
}

.policy-dialog__container {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center
}

.policy-dialog__close {
    position: absolute;
    right: .7501rem;
    top: .7501rem;
    height: .9376rem;
    width: .9376rem;
    display: block;
    cursor: pointer
}

.policy-dialog__close:after,
.policy-dialog__close:before {
    position: absolute;
    content: "";
    height: .9376rem;
    width: .0469rem;
    background: gray
}

.policy-dialog__close:before {
    transform: rotate(45deg)
}

.policy-dialog__close:after {
    transform: rotate(-45deg)
}

.policy-dialog strong {
    color: #000;
    height: 2.2504rem;
    line-height: 2.2504rem;
    font-size: .8439rem;
    margin: 0 1.1252rem;
    display: block;
    text-align: center;
    border-bottom: .0469rem solid #f0f0f0
}

.policy-dialog p {
    text-align: left;
    padding: 1.1252rem;
    box-sizing: border-box;
    max-height: calc(90vh - 4.5008rem);
    overflow-y: auto;
    color: #444
}

.checkbox-agreement {
    padding: .4688rem 0
}

.checkbox-agreement input {
    vertical-align: middle
}

.checkbox-agreement__link {
    cursor: pointer
}

.fixed-links {
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: .7501rem;
    top: 10%;
    right: 0
}

.fixed-links__item {
    text-align: center;
    background: rgba(0, 0, 0, .4);
    padding: .3751rem .0938rem;
    width: 1.2189rem;
    box-sizing: border-box;
    border-top-left-radius: .1875rem;
    border-bottom-left-radius: .1875rem;
    color: #fff;
    font-size: .6095rem;
    line-height: .7032rem
}

.fixed-links__item img {
    width: .6564rem;
    margin-bottom: .1875rem
}

.copyright {
    text-align: center;
    line-height: 1.6;
    font-size: .5626rem
}

.copyright .help {
    padding: .7501rem 0;
    font-size: .7032rem;
    color: #000
}

.copyright .help img {
    width: .8439rem;
    height: .8439rem
}

.copyright .help a {
    color: #4d261d;
    text-decoration: underline
}

.copyright .honesty {
    margin-bottom: .7501rem
}

@keyframes rotate-clockwise-788459cc {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes rotate-counterclockwise-788459cc {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(-1turn)
    }
}

.bazijp {
    background: #273152
}

.bazijp__header {
    background: url(//h5-cdn.liangqii.cn/img/bazijp/images/header.jpg) no-repeat;
    background-size: 100% auto;
    height: 22.691rem;
    position: relative
}

.bazijp__pan {
    position: absolute;
    top: -4%;
    right: -44%
}

.bazijp__pan img,
.bazijp__pan {
    width: 17.8153rem;
    height: 17.8153rem
}

.bazijp__pan img {
    position: absolute
}

.bazijp__pan img:first-child {
    animation: rotate-clockwise-788459cc 10s linear infinite
}

.bazijp__pan img:nth-child(2) {
    animation: rotate-counterclockwise-788459cc 10s linear infinite
}

.bazijp__score {
    padding: 0 1.0314rem;
    margin-bottom: .5626rem
}

.bazijp__form {
    margin: 0 .7501rem
}

.bazijp__form-items {
    border-radius: .3751rem;
    border: .0938rem solid #b39569;
    background: #f9f5ef
}

.bazijp__form-item {
    display: flex;
    align-items: center
}

.bazijp__form-item label {
    width: 4.6882rem;
    color: #573714;
    text-align: center
}

.bazijp__form-item .genders,
.bazijp__form-item input {
    height: 2.1566rem
}

.bazijp__form-item input {
    flex: 1;
    border: none;
    background: transparent
}

.bazijp__form-item .genders {
    display: flex;
    gap: .9376rem;
    align-items: center
}

.bazijp__form-item .genders .gender {
    cursor: pointer;
    height: 1.3127rem;
    width: 1.3127rem;
    display: block;
    background: #fff;
    text-align: center;
    line-height: 1.3127rem;
    color: #32110a;
    border-radius: .8908rem;
    font-size: .7501rem
}

.bazijp__form-item .genders .gender.active {
    background: #333;
    color: #fff
}

.bazijp__form-item:not(:first-child) {
    border-top: .0469rem solid #e5e5e5
}

.bazijp__form-action {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4.4069rem
}

.bazijp__form-agreement {
    text-align: center
}

.bazijp__form-history {
    text-align: center;
    margin-bottom: .5626rem;
    font-size: .7501rem
}

.bazijp__form-history a {
    color: #ffcb4e
}

.bazijp__intro {
    padding: 0 .4688rem 1.1252rem
}

.bazijp__intro img {
    width: 100%
}

.shengxiao {
    background: #411433
}

.shengxiao__header {
    background: url(//h5-cdn.liangqii.cn/img/shengxiao/images/header.png) no-repeat;
    background-size: 100% auto;
    height: 27.6606rem;
    position: relative
}

.shengxiao__contents {
    margin-top: -2.3441rem;
    padding: 0 .7501rem 1.1252rem
}

.shengxiao__score {
    padding: 0 .1875rem;
    margin-bottom: .5626rem
}

.shengxiao__form-items {
    background: url(//h5-cdn.liangqii.cn/img/shengxiao/images/form.png) no-repeat;
    background-size: 100% 100%;
    padding: .2813rem .4688rem
}

.shengxiao__form-item {
    display: flex;
    align-items: center
}

.shengxiao__form-item .genders,
.shengxiao__form-item input {
    height: 2.4379rem;
    font-size: .8439rem
}

.shengxiao__form-item label {
    width: 4.6882rem;
    color: #dd3738;
    text-align: center
}

.shengxiao__form-item input {
    flex: 1;
    border: none;
    background: transparent
}

.shengxiao__form-item .genders {
    display: flex;
    gap: .9376rem;
    align-items: center
}

.shengxiao__form-item .genders .gender {
    cursor: pointer;
    height: 1.3127rem;
    width: 1.3127rem;
    display: block;
    background: #fff;
    text-align: center;
    line-height: 1.3127rem;
    color: #32110a;
    border-radius: .8908rem;
    font-size: .7501rem
}

.shengxiao__form-item .genders .gender.active {
    background: #9d2e41;
    color: #fff
}

.shengxiao__form-item:not(:first-child) {
    border-top: .0469rem solid #e8e8e8
}

.shengxiao__form-action {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4.6882rem
}

.shengxiao__form-agreement {
    text-align: center
}

.shengxiao__form-history {
    text-align: center;
    margin-bottom: .5626rem;
    font-size: .7501rem
}

.shengxiao__form-history a {
    color: #ffcb4e
}

.shengxiao__intro {
    display: flex;
    flex-direction: column;
    gap: 1.1252rem
}

.shengxiao__intro img {
    width: 100%
}

.three-part {
    display: flex;
    flex-direction: column
}

.three-part__heading {
    position: relative;
    overflow: hidden
}

.three-part__heading-title {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.three-part__content {
    background-repeat: repeat-y;
    background-size: 100% auto
}

.three-part__content--no-footing {
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.three-part__footing img {
    vertical-align: auto
}

.comments {
    overflow: hidden;
    height: 14.0647rem
}

.comments__container {
    overflow: hidden;
    position: relative;
    transition: top 1s
}

.comments .comment {
    height: 4.6882rem;
    display: flex;
    flex-direction: row;
    align-items: flex-start
}

.comments .comment img {
    width: 2.2504rem;
    height: 2.2504rem;
    margin-right: .3751rem;
    border-radius: 1.1252rem
}

.comments .comment strong {
    font-size: .6564rem
}

.comments .comment p {
    line-height: 1.6;
    font-size: .5626rem
}

@keyframes rotate-clockwise-61b39a2a {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes rotate-counterclockwise-61b39a2a {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(-1turn)
    }
}

@keyframes bounce-down-61b39a2a {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(.26667rem)
    }
}

.bazi {
    /* background: #df5922 */
}

.bazi__header {
    background: #df5922 url(//h5-cdn.liangqii.cn/img/bazi/images/header.png) no-repeat;
    background-size: 100% auto;
    height: 26.7229rem;
    position: relative
}

.bazi__header .cai img {
    position: absolute;
    width: 3.0005rem;
    height: 3.0005rem
}

.bazi__header .cai .img1 {
    top: 9%;
    right: 10%;
    animation: bounce-down-61b39a2a 1.3s ease-in-out infinite alternate
}

.bazi__header .cai .img2 {
    top: 18%;
    right: 35%;
    animation: bounce-down-61b39a2a 1.5s ease-in-out infinite alternate
}

.bazi__header .cai .img3 {
    top: 50%;
    right: 30%;
    animation: bounce-down-61b39a2a 1s ease-in-out infinite alternate
}

.bazi__header .cai .img4 {
    top: 56%;
    right: 3%;
    animation: bounce-down-61b39a2a 1.8s ease-in-out infinite alternate
}

.bazi__header .pan {
    position: absolute;
    right: -26%;
    top: 10%
}

.bazi__header .pan>img,
.bazi__header .pan {
    width: 15.94rem;
    height: 15.94rem
}

.bazi__header .pan img {
    position: absolute;
    left: 0;
    top: 0
}

.bazi__header .pan img.clockwise {
    animation: rotate-clockwise-61b39a2a 10s linear infinite
}

.bazi__header .pan img.counterclockwise {
    animation: rotate-counterclockwise-61b39a2a 10s linear infinite
}

.bazi__contents {
    margin-top: -3.6568rem;
    padding: 0 .7501rem .3751rem;
    display: flex;
    flex-direction: column
}

.bazi__marquee-score {
    padding: 0 .3751rem;
    margin-bottom: .7501rem
}

.bazi__form {
    margin-bottom: 1.1252rem
}

.bazi__form-content {
    padding: 1.2189rem 1.6878rem 1.7815rem
}

.bazi__form-content .action {
    text-align: center
}

.bazi__form-item {
    background-color: #fee79f;
    border: .0469rem solid #ee9418;
    margin-bottom: .9376rem;
    display: flex;
    align-items: center;
    border-radius: .9845rem
}

.bazi__form-item input,
.bazi__form-item label {
    height: 1.8753rem;
    font-size: .7501rem
}

.bazi__form-item label {
    width: 3.7506rem;
    padding-left: .4688rem;
    box-sizing: border-box;
    text-align: center;
    line-height: 1.8753rem;
    color: #32110a
}

.bazi__form-item .genders,
.bazi__form-item input {
    flex: 1
}

.bazi__form-item .genders {
    display: flex;
    gap: .9376rem;
    align-items: center
}

.bazi__form-item .genders .gender {
    cursor: pointer;
    height: 1.3127rem;
    width: 1.3127rem;
    display: block;
    background: #fff;
    text-align: center;
    line-height: 1.3127rem;
    color: #32110a;
    border-radius: .8908rem;
    font-size: .7501rem
}

.bazi__form-item .genders .gender.active {
    background: #af4229;
    color: #fff
}

.bazi__form-item input {
    border: none;
    background: #fee79f;
    border-top-right-radius: .9376rem;
    border-bottom-right-radius: .9376rem
}

.bazi__form-item input::-moz-placeholder {
    color: #e4ca7a
}

.bazi__form-item input::placeholder {
    color: #e4ca7a
}

.bazi__form-action {
    text-align: center;
    padding: .1875rem 0
}

.bazi__form-agreement {
    text-align: center
}

.bazi__form-history {
    display: block;
    text-align: center
}

.bazi__form-history a {
    color: #32110a;
    font-size: .8439rem
}

.bazi__intro {
    display: flex;
    flex-direction: column;
    gap: .9376rem;
    margin-bottom: .9376rem
}

.bazi__intro>img {
    width: 100%
}

@keyframes fall-7a24bc56 {
    0% {
        transform: rotate(0deg);
        opacity: translateX(0) var(--initial-opacity)
    }

    75% {
        transform: translateX(var(--x)) translateY(var(--y)) rotate(var(--rotation))
    }

    to {
        transform: translateX(var(--x)) translateY(var(--y)) rotate(var(--rotation));
        opacity: 0
    }
}

@keyframes swing-7a24bc56 {
    0% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(5deg)
    }
}

.hehun {
    background: #af0000
}

.hehun__header {
    background: #af0000 url(//h5-cdn.liangqii.cn/img/hehun/images/header.png) no-repeat;
    background-size: 100% auto;
    height: 21.2846rem;
    position: relative
}

.hehun__header .petal {
    width: var(--petal-width);
    height: var(--petal-height);
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    animation: fall-7a24bc56 5s ease-in-out infinite;
    transform-origin: center center;
    transform: rotate(var(--start-rotation))
}

.hehun__header .lanterns {
    padding: 15.0961rem 1.1252rem 0;
    display: flex;
    justify-content: space-between
}

.hehun__header .lanterns>img {
    width: 3.7506rem;
    transform-origin: top center;
    animation: swing-7a24bc56 1s ease-in-out infinite alternate
}

.hehun__contents {
    padding: 0 .7501rem .3751rem;
    display: flex;
    flex-direction: column
}

.hehun__marquee-score {
    padding: 0 .3751rem;
    margin-bottom: .7501rem;
    background: #d64e29;
    border-radius: .2813rem
}

.hehun__form {
    margin-bottom: 1.1252rem;
    background: #af0000 url(//h5-cdn.liangqii.cn/img/hehun/images/form.png) no-repeat;
    background-size: 100% 100%;
    padding: 4.6882rem 1.5002rem 1.5002rem
}

.hehun__form-my,
.hehun__form-ta {
    border: .1406rem solid #d50409;
    background: #d50409;
    display: flex;
    border-radius: .1875rem;
    margin-bottom: .7501rem
}

.hehun__form-my strong,
.hehun__form-ta strong {
    width: 1.5002rem;
    padding: 0 .2813rem;
    align-self: center;
    text-align: center;
    box-sizing: border-box;
    font-weight: 400;
    color: #ffdada
}

.hehun__form-items {
    flex: 1;
    background: #fff;
    border-radius: .1406rem
}

.hehun__form-item {
    display: flex
}

.hehun__form-item:not(:first-child) {
    border-top: .0469rem solid #f0f0f0
}

.hehun__form-item:first-child input {
    border-top-right-radius: .1406rem
}

.hehun__form-item:last-child input {
    border-bottom-right-radius: .1406rem
}

.hehun__form-item input,
.hehun__form-item label {
    height: 2.0628rem;
    font-size: .7501rem
}

.hehun__form-item label {
    width: 2.5316rem;
    box-sizing: border-box;
    text-align: center;
    line-height: 2.0628rem;
    color: #484848;
    align-self: center
}

.hehun__form-item .genders,
.hehun__form-item input {
    flex: 1
}

.hehun__form-item .genders {
    display: flex;
    gap: .7501rem;
    align-items: center;
    padding-left: .3751rem
}

.hehun__form-item .genders .gender {
    cursor: pointer;
    height: 1.3127rem;
    width: 1.3127rem;
    display: block;
    background: #fff;
    text-align: center;
    line-height: 1.3127rem;
    color: #32110a;
    border-radius: .8908rem;
    font-size: .7501rem
}

.hehun__form-item .genders .gender.active {
    background: #af4229;
    color: #fff
}

.hehun__form-item input {
    border: none;
    background: #fff
}

.hehun__form-item input::-moz-placeholder {
    color: #d0d0d0
}

.hehun__form-item input::placeholder {
    color: #d0d0d0
}

.hehun__form-action {
    text-align: center;
    padding: .1875rem 0
}

.hehun__form-agreement {
    text-align: center
}

.hehun__form-history {
    display: block;
    text-align: center
}

.hehun__form-history a {
    color: #32110a;
    font-size: .8439rem
}

.hehun__intro {
    display: flex;
    flex-direction: column;
    gap: .9376rem;
    margin-bottom: .9376rem
}

.hehun__intro>img {
    width: 100%
}

@keyframes bounce-down-6b170bd0 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(.3751rem)
    }
}

@keyframes fade-cai-6b170bd0 {
    0% {
        opacity: 0
    }

    1% {
        opacity: 1;
        transform: scale(1)
    }

    5% {
        transform: scale(1.2)
    }

    10% {
        transform: scale(1)
    }

    15% {
        transform: scale(1.2)
    }

    20% {
        transform: scale(1)
    }

    25% {
        transform: scale(1.2)
    }

    30% {
        transform: scale(1);
        opacity: 1
    }

    35% {
        opacity: 0
    }
}

@keyframes fade-center-6b170bd0 {
    0% {
        opacity: 1;
        z-index: 1001
    }

    33% {
        opacity: 1;
        z-index: 1000
    }

    35% {
        opacity: 0
    }
}

@keyframes fade-pai-6b170bd0 {
    0% {
        opacity: 0;
        transform: scale(.6)
    }

    10% {
        opacity: 1;
        transform: scale(1)
    }

    25% {
        opacity: 1;
        transform: scale(1)
    }

    35% {
        opacity: 0;
        transform: scale(.6)
    }
}

.scys-index {
    background-color: #f1c588;
    min-height: 100vh
}

.scys-index__header {
    position: relative
}

.scys-index__header>img {
    width: 100%
}

.scys-index__header .pai {
    position: absolute;
    width: 86%;
    left: 7%;
    height: 15.0023rem;
    top: 3.2818rem
}

.scys-index__header .pai img {
    width: 3.5162rem;
    position: absolute;
    opacity: 0;
    animation: fade-pai-6b170bd0 15s ease-in-out infinite
}

.scys-index__header .pai img:first-child,
.scys-index__header .pai img:nth-child(3),
.scys-index__header .pai img:nth-child(5) {
    left: 0
}

.scys-index__header .pai img:nth-child(2),
.scys-index__header .pai img:nth-child(4),
.scys-index__header .pai img:nth-child(6) {
    right: 0
}

.scys-index__header .pai img:first-child {
    top: .9376rem
}

.scys-index__header .pai img:nth-child(2) {
    bottom: 1.8753rem
}

.scys-index__header .pai img:nth-child(3) {
    bottom: .9376rem;
    animation-delay: 5s
}

.scys-index__header .pai img:nth-child(4) {
    top: 3.2818rem;
    animation-delay: 5s
}

.scys-index__header .pai img:nth-child(5) {
    top: 3.2818rem;
    animation-delay: 10s
}

.scys-index__header .pai img:nth-child(6) {
    bottom: 1.8753rem;
    animation-delay: 10s
}

.scys-index__contents {
    margin-top: -2.3441rem
}

.scys-index__action {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .7501rem
}

.scys-index__intro {
    display: flex;
    flex-direction: column;
    gap: .7501rem
}

.scys-index__intro-01,
.scys-index__intro-02,
.scys-index__intro-03,
.scys-index__intro-04,
.scys-index__intro-05 {
    position: relative
}

.scys-index__intro-01>img,
.scys-index__intro-02>img,
.scys-index__intro-03>img,
.scys-index__intro-04>img,
.scys-index__intro-05>img {
    width: 100%
}

.scys-index__intro-01 .image,
.scys-index__intro-01 .title {
    position: absolute
}

.scys-index__intro-01 .image {
    bottom: 2.8129rem;
    height: 9.4702rem;
    left: 2.1566rem
}

.scys-index__intro-01 .image>img,
.scys-index__intro-01 .image {
    width: 5.1571rem
}

.scys-index__intro-01 .image>img {
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0
}

.scys-index__intro-01 .image>img:first-child {
    animation: fade-center-6b170bd0 12s ease-in-out infinite
}

.scys-index__intro-01 .image>img:nth-child(2) {
    animation: fade-center-6b170bd0 12s ease-in-out infinite;
    animation-delay: 4s
}

.scys-index__intro-01 .image>img:nth-child(3) {
    animation: fade-center-6b170bd0 12s ease-in-out infinite;
    animation-delay: 8s
}

.scys-index__intro-01 .title {
    top: 3.6568rem;
    left: 54%;
    display: flex;
    flex-direction: column;
    gap: 2.5316rem
}

.scys-index__intro-01 .title--middle-age,
.scys-index__intro-01 .title--old-age,
.scys-index__intro-01 .title--youth-age {
    position: relative
}

.scys-index__intro-01 .title--middle-age>img,
.scys-index__intro-01 .title--middle-age,
.scys-index__intro-01 .title--old-age>img,
.scys-index__intro-01 .title--old-age,
.scys-index__intro-01 .title--youth-age>img,
.scys-index__intro-01 .title--youth-age {
    width: 5.0164rem;
    height: 1.2189rem
}

.scys-index__intro-01 .title--middle-age>img,
.scys-index__intro-01 .title--old-age>img,
.scys-index__intro-01 .title--youth-age>img {
    position: absolute;
    left: 0;
    top: 0
}

.scys-index__intro-01 .title--youth-age>img:nth-child(2) {
    opacity: 0;
    animation: fade-center-6b170bd0 12s ease-in-out infinite
}

.scys-index__intro-01 .title--middle-age>img:nth-child(2) {
    opacity: 0;
    animation: fade-center-6b170bd0 12s ease-in-out infinite;
    animation-delay: 4s
}

.scys-index__intro-01 .title--old-age>img:nth-child(2) {
    opacity: 0;
    animation: fade-center-6b170bd0 12s ease-in-out infinite;
    animation-delay: 8s
}

.scys-index__intro-02 .center,
.scys-index__intro-02 .mingge {
    position: absolute
}

.scys-index__intro-02 .center {
    top: 7.97rem;
    left: 50%;
    margin-left: -4.5945rem
}

.scys-index__intro-02 .center>img,
.scys-index__intro-02 .center {
    width: 9.1889rem;
    height: 4.3132rem
}

.scys-index__intro-02 .center>img {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}

.scys-index__intro-02 .center>img:first-child {
    animation: fade-center-6b170bd0 12s ease-in-out infinite
}

.scys-index__intro-02 .center>img:nth-child(2) {
    animation: fade-center-6b170bd0 12s ease-in-out infinite;
    animation-delay: 4s
}

.scys-index__intro-02 .center>img:nth-child(3) {
    animation: fade-center-6b170bd0 12s ease-in-out infinite;
    animation-delay: 8s
}

.scys-index__intro-02 .mingge {
    opacity: 0
}

.scys-index__intro-02 .mingge>img,
.scys-index__intro-02 .mingge {
    width: 4.0319rem;
    height: 2.8129rem
}

.scys-index__intro-02 .mingge--bjmg {
    top: 11.0642rem;
    left: 1.7815rem;
    animation: fade-cai-6b170bd0 12s ease-in-out infinite
}

.scys-index__intro-02 .mingge--zcmg {
    top: 6.5635rem;
    left: 5.4383rem;
    animation: fade-cai-6b170bd0 12s ease-in-out infinite;
    animation-delay: 4s
}

.scys-index__intro-02 .mingge--qxmg {
    top: 8.8139rem;
    right: 1.9222rem;
    animation: fade-cai-6b170bd0 12s ease-in-out infinite;
    animation-delay: 8s
}

.scys-index__intro-05 .badges {
    left: 10%;
    bottom: 5.1571rem;
    position: absolute;
    width: 80%;
    height: 5.6259rem
}

.scys-index__intro-05 .badges>img {
    position: absolute;
    width: 3.1411rem;
    height: 3.1411rem
}

.scys-index__intro-05 .badges>img:first-child {
    left: 0;
    bottom: 0;
    animation: bounce-down-6b170bd0 1.3s ease-in-out infinite alternate
}

.scys-index__intro-05 .badges>img:nth-child(2) {
    left: 25%;
    top: 0;
    animation: bounce-down-6b170bd0 1.5s ease-in-out infinite alternate
}

.scys-index__intro-05 .badges>img:nth-child(3) {
    right: 25%;
    top: 0;
    animation: bounce-down-6b170bd0 1s ease-in-out infinite alternate
}

.scys-index__intro-05 .badges>img:nth-child(4) {
    right: 0;
    bottom: 0;
    animation: bounce-down-6b170bd0 1.8s ease-in-out infinite alternate
}

.feedback {
    min-height: 100vh;
    background: #f0f0f0
}

.feedback__header {
    color: gray;
    padding: .7501rem
}

.feedback__item {
    position: relative;
    color: #000;
    background-color: #f0f0f0;
    border-radius: .2813rem;
    padding: .5626rem .7501rem;
    cursor: pointer
}

.feedback__items {
    padding: .7501rem;
    display: flex;
    flex-direction: column;
    gap: .5626rem;
    background-color: #fff
}

.feedback__item:after {
    position: absolute;
    right: .7501rem;
    top: 50%;
    margin-top: -.2344rem;
    content: "";
    width: .4688rem;
    height: .4688rem;
    display: block;
    border: solid gray;
    border-width: .0469rem .0469rem 0 0;
    transform: rotate(45deg)
}

.feedback__help {
    padding: .5626rem .7501rem;
    font-size: .5626rem;
    color: blue
}

.history {
    min-height: 100vh;
    background: #f0f0f0
}

.history__form {
    display: flex;
    flex-direction: column;
    gap: .7501rem;
    padding: .7501rem
}

.history__form button,
.history__form input {
    height: 1.8753rem;
    border-radius: .2813rem;
    border-width: .0938rem;
    border-style: solid
}

.history__form input {
    border-color: #e8e8e8;
    padding: 0 .5626rem
}

.history__form button {
    background: green;
    border-color: green;
    color: #fff
}

.history__tips {
    display: flex;
    flex-direction: column;
    gap: .7501rem;
    padding: .7501rem
}

.history__tips p {
    font-size: .6095rem;
    color: gray;
    border: .0469rem dashed #aaa;
    border-radius: .1875rem;
    padding: .5626rem;
    text-align: center
}

.history__tips strong {
    color: green
}

.history__tips img {
    width: 100%;
    border-radius: .2813rem
}

.index {
    background: #fff3e7;
    min-height: 100vh;
    padding: .7501rem
}

.index__nav {
    flex: 1;
    text-align: center;
    font-size: .6095rem;
    color: #6a360f
}

.index__nav-container {
    display: flex;
    gap: .7501rem;
    margin-bottom: 1.1252rem
}

.index__nav>img {
    width: 100%;
    border-radius: .7501rem;
    margin-bottom: .1875rem
}

.index__section {
    background: #fff;
    border-radius: .7501rem;
    box-shadow: .1875rem .1406rem .4688rem hsla(25, 60%, 82%, .6)
}

.index__section-container {
    display: flex;
    flex-direction: column;
    gap: .7501rem
}

.index__section>img {
    width: 100%;
    border-top-left-radius: .7501rem;
    border-top-right-radius: .7501rem
}

.index__section-action {
    position: relative;
    height: 2.1566rem;
    padding: .3751rem .7501rem
}

.index__section-action strong {
    color: #000;
    display: block;
    height: 1.0783rem
}

.index__section-action small {
    color: #666
}

.index__section-action button {
    position: absolute;
    right: .7501rem;
    top: 50%;
    margin-top: -.7501rem;
    width: 4.6882rem;
    height: 1.5002rem;
    background: linear-gradient(#ff5415, #ff7237);
    box-shadow: .2344rem .1406rem .4219rem rgba(255, 75, 0, .5);
    border-radius: .7501rem;
    border: none;
    color: #fff
}

.tab-progress__tabs {
    padding: 0 .9376rem
}

.tab-progress__tabs ul {
    display: flex;
    justify-content: space-between
}

.tab-progress__tabs li {
    height: 1.5002rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: .7501rem
}

.tab-progress__tabs li.active {
    font-weight: 700
}

.tab-progress__tabs li.active u {
    margin-top: .1875rem;
    width: 2.1566rem;
    height: .1406rem;
    display: inline-block;
    border-radius: .0703rem
}

.tab-progress__items li {
    margin-top: 1.1252rem
}

.tab-progress__items li strong {
    font-weight: 400;
    margin-bottom: .1875rem;
    display: block
}

.tab-progress__bar i,
.tab-progress__bar {
    height: .2813rem;
    border-radius: .1406rem
}

.tab-progress__bar i {
    display: block;
    transition: width .2s
}

@keyframes rotate-clockwise-2f80625c {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes rotate-counterclockwise-2f80625c {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(-1turn)
    }
}

@keyframes bounce-down-2f80625c {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(.26667rem)
    }
}

.bazi-gen {
    background: #df5922;
    height: 100vh;
    background: #df5922 url(//h5-cdn.liangqii.cn/img/bazi/images/gen_header.png) no-repeat;
    background-size: 100% auto
}

.bazi-gen__header {
    color: #df5922;
    text-align: center;
    padding-top: 4.2194rem;
    height: 7.7825rem;
    box-sizing: border-box;
    font-size: .8439rem;
    line-height: 1.5
}

.bazi-gen__contents {
    padding: 0 .7501rem 1.1252rem
}

.bazi-gen__progress {
    background: url(//h5-cdn.liangqii.cn/img/bazi/images/bg_progress.png);
    background-size: 100% 100%;
    padding: 1.5002rem 1.5002rem;
    height: 9.3765rem
}

.countdown dfn,
.countdown span {
    display: inline-block;
    height: .8439rem;
    line-height: .8439rem
}

.countdown span {
    background-color: #ec2323;
    color: #ffe4c0;
    width: 1.0314rem;
    text-align: center;
    border-radius: .0938rem
}

.countdown dfn {
    color: gray;
    font-style: normal;
    margin: 0 .0938rem
}

.pay-channels>a {
    height: 2.2504rem;
    line-height: 2.2504rem;
    border-radius: 1.1252rem;
    text-align: center;
    color: #fff;
    letter-spacing: .0469rem;
    font-size: .7501rem;
    font-weight: 700;
    position: relative;
    display: block
}

.pay-channels>a:not(:last-child) {
    margin-bottom: .7501rem
}

.pay-channels>a.weixin {
    background-color: #2ca339;
    background-image: linear-gradient(#43ae4f, #2ca339);
    box-shadow: 0 .0938rem .1875rem rgba(44, 163, 57, .4)
}

.pay-channels>a.alipay {
    background-color: #1677ff;
    background-image: linear-gradient(#378aff, #1677ff);
    box-shadow: 0 .0938rem .1875rem rgba(22, 119, 255, .4)
}

.pay-channels>a img {
    width: 1.1252rem;
    height: 1.1252rem;
    vertical-align: middle;
    margin-right: .1875rem
}

@keyframes rotate-clockwise-8641ff4e {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes rotate-counterclockwise-8641ff4e {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(-1turn)
    }
}

@keyframes bounce-down-8641ff4e {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(.26667rem)
    }
}

.bazi-pay {
    background: #df5922;
    min-height: 100vh;
    background: #df5922 url(//h5-cdn.liangqii.cn/img/bazi/images/gen_header.png) no-repeat;
    background-size: 100% auto
}

.bazi-pay__header {
    color: #df5922;
    text-align: center;
    padding-top: 4.2194rem;
    height: 7.7825rem;
    box-sizing: border-box;
    font-size: .8439rem;
    line-height: 1.5
}

.bazi-pay__contents {
    padding: 0 .7501rem 1.1252rem
}

.bazi-pay__basic-info {
    padding: 1.1252rem 1.5002rem 2.2504rem;
    color: #943923
}

.bazi-pay__basic-info dl {
    display: flex;
    flex-wrap: wrap
}

.bazi-pay__basic-info dl dd,
.bazi-pay__basic-info dl dt {
    padding: .1875rem 0;
    min-height: 1.1252rem;
    line-height: 1.1252rem
}

.bazi-pay__basic-info dl dt {
    width: 18%;
    color: #af4229
}

.bazi-pay__basic-info dl dd {
    width: 32%
}

.bazi-pay__basic-info dl .colspan2 {
    width: 82%
}

.bazi-pay .price {
    text-align: center;
    padding: .7501rem 0
}

.bazi-pay .price strong {
    font-size: 1.3127rem;
    color: #c34c3c
}

.bazi-pay .price del {
    color: gray
}

.bazi-pay__countdown {
    text-align: center;
    margin-bottom: .9376rem
}

.bazi-pay .lock__heading {
    text-align: center;
    padding: 1.1252rem 0
}

.bazi-pay .lock__heading img {
    height: .8439rem
}

.bazi-pay .lock__content-items {
    display: flex;
    flex-direction: column;
    gap: 1.1252rem
}

.bazi-pay .lock__content-items img {
    width: 100%
}

.hehun-gen {
    background: #af0000;
    height: 100vh;
    background: #af0000 url(//h5-cdn.liangqii.cn/img/hehun/images/gen_header.png) no-repeat;
    background-size: 100% auto
}

.hehun-gen__header {
    color: #ffe39f;
    text-align: center;
    padding-top: 6.5635rem;
    height: 8.9076rem;
    box-sizing: border-box;
    font-size: .8439rem;
    line-height: 1.5
}

.hehun-gen__contents {
    padding: 0 .7501rem 1.1252rem
}

.hehun-gen__progress {
    background: #ede6d5;
    border-radius: .5626rem;
    padding: 1.5002rem 1.5002rem;
    height: 9.3765rem
}

.hehun-pay {
    background: #af0000;
    min-height: 100vh;
    background: #af0000 url(//h5-cdn.liangqii.cn/img/hehun/images/gen_header.png) no-repeat;
    background-size: 100% auto
}

.hehun-pay__header {
    color: #ffe39f;
    text-align: center;
    padding-top: 6.5635rem;
    height: 7.5012rem;
    box-sizing: border-box;
    font-size: .8439rem;
    line-height: 1.5
}

.hehun-pay__contents {
    padding: 0 .7501rem 1.1252rem
}

.hehun-pay__basic-info {
    background: url(//h5-cdn.liangqii.cn/img/hehun/images/pay_basic_info.png) no-repeat;
    background-size: 100% 100%;
    padding: 2.0628rem 1.5002rem 2.2504rem;
    color: #943923
}

.hehun-pay__basic-info .user-info {
    display: flex;
    align-items: center;
    justify-self: center
}

.hehun-pay__basic-info .user-info>img {
    width: 2.2504rem;
    margin: 0 1.1252rem
}

.hehun-pay__basic-info .user-info .my,
.hehun-pay__basic-info .user-info .ta {
    display: flex;
    flex-direction: column;
    align-items: center
}

.hehun-pay__basic-info .user-info .my strong,
.hehun-pay__basic-info .user-info .ta strong {
    color: #af0000;
    font-size: .7501rem;
    margin: .2813rem 0
}

.hehun-pay__basic-info .user-info .my small,
.hehun-pay__basic-info .user-info .ta small {
    color: #793a3a
}

.hehun-pay__basic-info .user-info .my img,
.hehun-pay__basic-info .user-info .ta img {
    width: 4.6882rem
}

.hehun-pay__basic-info>p {
    text-align: center;
    color: #2e2e2e;
    font-size: .6095rem;
    padding-top: .8439rem
}

.hehun-pay .price {
    text-align: center;
    padding: .7501rem 0
}

.hehun-pay .price strong {
    font-size: 1.3127rem;
    color: #c34c3c
}

.hehun-pay .price del {
    color: gray
}

.hehun-pay__countdown {
    text-align: center;
    margin-bottom: .9376rem
}

.hehun-pay .lock__heading {
    text-align: center;
    padding: 1.1252rem 0
}

.hehun-pay .lock__heading p {
    color: #ffdcdc;
    margin-bottom: .5626rem;
    font-size: .6095rem;
    padding: 0 1.1252rem
}

.hehun-pay .lock__heading img {
    height: .8439rem
}

.hehun-pay .lock__content img {
    width: 100%
}

.bazi-pan {
    position: relative;
    width: 12.1894rem;
    height: 12.1894rem;
    border: .0469rem solid hsla(0, 0%, 100%, .1);
    border-radius: 6.0947rem;
    box-shadow: 0 0 32px hsla(0, 0%, 100%, .1);
    background: radial-gradient(circle, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .05) 70%)
}

.bazi-pan:after,
.bazi-pan:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.bazi-pan:before {
    width: 61%;
    padding-top: 61%
}

.bazi-pan:after {
    width: 24%;
    padding-top: 24%
}

.bazi-pan__zhi {
    width: 12.1894rem;
    height: 12.1894rem;
    position: absolute;
    transform-origin: center center;
    transition: transform 1s ease-in-out
}

.bazi-pan__zhi li {
    position: absolute;
    color: hsla(0, 0%, 100%, .75);
    width: 1.4065rem;
    height: 1.4065rem;
    line-height: 1.4065rem;
    font-size: .7501rem;
    border-radius: .7032rem;
    text-align: center;
    transition: all .1s ease-in-out
}

.bazi-pan__zhi li.active {
    color: #000;
    background-color: var(--bgcolor)
}

.bazi-pan__gan {
    width: 12.1894rem;
    height: 12.1894rem;
    position: absolute;
    transform-origin: center center;
    transition: transform 1s ease-in-out
}

.bazi-pan__gan li {
    position: absolute;
    color: hsla(0, 0%, 100%, .75);
    width: 1.4065rem;
    height: 1.4065rem;
    line-height: 1.4065rem;
    font-size: .6095rem;
    border-radius: .7032rem;
    text-align: center;
    transition: all .1s ease-in-out
}

.bazi-pan__gan li.active {
    color: #000;
    background-color: var(--bgcolor)
}

@keyframes rotate-clockwise-4953db46 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes rotate-counterclockwise-4953db46 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(-1turn)
    }
}

.bazijp-gen {
    height: 100vh;
    background: #273152
}

.bazijp-gen__header {
    text-align: center;
    padding-top: 1.8753rem;
    height: 11.2518rem;
    box-sizing: border-box
}

.bazijp-gen__header h2 {
    color: #ffebac;
    font-size: .9376rem;
    margin-bottom: 1.8753rem;
    position: relative;
    display: inline-block;
    padding: 0 1.4065rem;
    height: 1.4065rem;
    line-height: 1.4065rem
}

.bazijp-gen__header h2:after,
.bazijp-gen__header h2:before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: .9376rem;
    height: .9376rem;
    top: 50%;
    margin-top: -.4688rem
}

.bazijp-gen__header h2:after {
    right: 0;
    background-image: url(../../assets/pic/title_left.png)
}

.bazijp-gen__header h2:before {
    left: 0;
    background-image: url(../../assets/pic/title_right.png)
}

.bazijp-gen__header .bazi {
    display: flex;
    padding: 0 10%
}

.bazijp-gen__header .bazi li {
    width: 25%;
    display: flex;
    justify-content: center
}

.bazijp-gen__header .bazi li dl {
    display: block;
    width: 1.5002rem;
    background: linear-gradient(#414962, rgba(65, 73, 98, 0) 86%);
    border-radius: 16px
}

.bazijp-gen__header .bazi li dl dt {
    width: 1.5002rem;
    height: 1.5002rem;
    line-height: 1.5002rem;
    border-radius: .7501rem;
    background-color: #ffebac;
    color: #444;
    font-weight: 400
}

.bazijp-gen__header .bazi li dl dd {
    padding: .2813rem .1875rem 1.1252rem;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    font-size: .6095rem
}

.bazijp-gen__contents {
    padding: 0 .7501rem 1.1252rem
}

.bazijp-gen__pan {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 12.1894rem
}

.bazijp-gen__pan-container {
    position: relative;
    width: 9.3765rem;
    height: 9.3765rem;
    border: .0469rem solid hsla(0, 0%, 100%, .1);
    border-radius: 4.6882rem;
    box-shadow: 0 0 32px hsla(0, 0%, 100%, .1);
    background: radial-gradient(circle, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .05) 70%)
}

.bazijp-gen__pan-container:after,
.bazijp-gen__pan-container:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.bazijp-gen__pan-container:before {
    width: 62%;
    padding-top: 62%
}

.bazijp-gen__pan-container:after {
    width: 26%;
    padding-top: 26%
}

.bazijp-gen__pan .zhi {
    width: 9.3765rem;
    height: 9.3765rem;
    position: absolute;
    transform-origin: center center;
    transition: transform 1s ease-in-out
}

.bazijp-gen__pan .zhi li {
    position: absolute;
    color: hsla(0, 0%, 100%, .75);
    width: 1.4065rem;
    height: 1.4065rem;
    line-height: 1.4065rem;
    font-size: .7501rem;
    border-radius: .7032rem;
    text-align: center
}

.bazijp-gen__pan .zhi li.active {
    color: #000;
    background-color: #ffebac
}

.bazijp-gen__pan .gan {
    width: 9.3765rem;
    height: 9.3765rem;
    position: absolute;
    transform-origin: center center;
    transition: transform 1s ease-in-out
}

.bazijp-gen__pan .gan li {
    position: absolute;
    color: hsla(0, 0%, 100%, .75);
    width: 1.2189rem;
    height: 1.2189rem;
    line-height: 1.2189rem;
    font-size: .6095rem;
    border-radius: .6095rem;
    text-align: center
}

.bazijp-gen__pan .gan li.active {
    color: #000;
    background-color: #ffebac
}

@keyframes rotate-clockwise-e2b5052c {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes rotate-counterclockwise-e2b5052c {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(-1turn)
    }
}

.bazijp-pay {
    min-height: 100vh;
    background: #273152
}

.bazijp-pay__header {
    text-align: center;
    padding-top: .9376rem;
    height: 7.97rem;
    box-sizing: border-box;
    color: #fff
}

.bazijp-pay__header b,
.bazijp-pay__header h2 {
    color: #ffebac
}

.bazijp-pay__header h2 {
    font-size: .9376rem;
    margin-bottom: .9376rem;
    position: relative;
    display: inline-block;
    padding: 0 1.4065rem;
    height: 1.4065rem;
    line-height: 1.4065rem
}

.bazijp-pay__header h2:after,
.bazijp-pay__header h2:before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: .9376rem;
    height: .9376rem;
    top: 50%;
    margin-top: -.4688rem
}

.bazijp-pay__header h2:after {
    right: 0;
    background-image: url(../../assets/pic/title_left.png)
}

.bazijp-pay__header h2:before {
    left: 0;
    background-image: url(../../assets/pic/title_right.png)
}

.bazijp-pay__header b {
    font-weight: 400
}

.bazijp-pay__header>p {
    font-size: .6564rem;
    line-height: 1.5
}

.bazijp-pay__contents {
    padding-bottom: .7501rem
}

.bazijp-pay__basic-info {
    margin: 0 .7501rem 1.1252rem
}

.bazijp-pay__basic-info-container {
    padding: .3751rem 1.5002rem 1.1252rem;
    color: #943923
}

.bazijp-pay__basic-info .adv {
    text-align: center;
    padding-top: .7501rem
}

.bazijp-pay__basic-info .adv>img {
    width: 90%
}

.bazijp-pay__basic-info dl {
    display: flex;
    flex-wrap: wrap
}

.bazijp-pay__basic-info dl dd,
.bazijp-pay__basic-info dl dt {
    padding: .1875rem 0;
    min-height: 1.1252rem;
    line-height: 1.1252rem
}

.bazijp-pay__basic-info dl dt {
    width: 18%;
    color: #af4229
}

.bazijp-pay__basic-info dl dd {
    width: 32%
}

.bazijp-pay__basic-info dl .colspan2 {
    width: 82%
}

.bazijp-pay .price {
    text-align: center;
    padding: .7501rem 0
}

.bazijp-pay .price strong {
    font-size: 1.3127rem;
    color: #c34c3c
}

.bazijp-pay .price del {
    color: gray
}

.bazijp-pay__countdown {
    text-align: center;
    margin-bottom: .9376rem
}

.bazijp-pay .lock {
    display: flex;
    flex-direction: column;
    padding: 0 .4688rem
}

.bazijp-pay .lock img {
    width: 100%
}

.shengxiao-gen {
    min-height: 100vh;
    background: #411433
}

.shengxiao-gen__header {
    text-align: center;
    padding-top: 1.8753rem;
    height: 11.2518rem;
    box-sizing: border-box
}

.shengxiao-gen__header h2 {
    color: #dec2a4;
    font-size: .9376rem;
    margin-bottom: 1.8753rem;
    display: inline-block;
    padding: 0 1.4065rem;
    height: 1.4065rem;
    line-height: 1.4065rem
}

.shengxiao-gen__header .bazi {
    display: flex;
    padding: 0 10%
}

.shengxiao-gen__header .bazi li {
    width: 25%;
    display: flex;
    justify-content: center
}

.shengxiao-gen__header .bazi li dl {
    display: block;
    width: 1.5002rem;
    background: linear-gradient(hsla(31, 47%, 76%, .4), hsla(31, 47%, 76%, 0) 86%);
    border-radius: 16px
}

.shengxiao-gen__header .bazi li dl dt {
    width: 1.5002rem;
    height: 1.5002rem;
    line-height: 1.5002rem;
    border-radius: .7501rem;
    background-color: #dec2a4;
    color: #444;
    font-weight: 400
}

.shengxiao-gen__header .bazi li dl dd {
    padding: .2813rem .1875rem 1.1252rem;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    font-size: .6095rem
}

.shengxiao-gen__contents {
    padding: 0 .7501rem 1.1252rem
}

.shengxiao-gen__progress {
    padding: 1.5002rem 1.5002rem;
    height: 9.3765rem;
    background: #dec2a4;
    border-radius: .3751rem
}

.shengxiao-gen__pan {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 12.1894rem
}

.shengxiao-gen__pan-container {
    position: relative;
    width: 9.3765rem;
    height: 9.3765rem;
    border: .0469rem solid hsla(0, 0%, 100%, .1);
    border-radius: 4.6882rem;
    box-shadow: 0 0 32px hsla(0, 0%, 100%, .1);
    background: radial-gradient(circle, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .05) 70%)
}

.shengxiao-gen__pan-container:after,
.shengxiao-gen__pan-container:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.shengxiao-gen__pan-container:before {
    width: 62%;
    padding-top: 62%
}

.shengxiao-gen__pan-container:after {
    width: 26%;
    padding-top: 26%
}

.shengxiao-gen__pan .zhi {
    width: 9.3765rem;
    height: 9.3765rem;
    position: absolute;
    transform-origin: center center;
    transition: transform 1s ease-in-out
}

.shengxiao-gen__pan .zhi li {
    position: absolute;
    color: hsla(0, 0%, 100%, .75);
    width: 1.4065rem;
    height: 1.4065rem;
    line-height: 1.4065rem;
    font-size: .7501rem;
    border-radius: .7032rem;
    text-align: center
}

.shengxiao-gen__pan .zhi li.active {
    color: #000;
    background-color: #ffebac
}

.shengxiao-gen__pan .gan {
    width: 9.3765rem;
    height: 9.3765rem;
    position: absolute;
    transform-origin: center center;
    transition: transform 1s ease-in-out
}

.shengxiao-gen__pan .gan li {
    position: absolute;
    color: hsla(0, 0%, 100%, .75);
    width: 1.2189rem;
    height: 1.2189rem;
    line-height: 1.2189rem;
    font-size: .6095rem;
    border-radius: .6095rem;
    text-align: center
}

.shengxiao-gen__pan .gan li.active {
    color: #000;
    background-color: #ffebac
}

.shengxiao-pay {
    min-height: 100vh;
    background: #411433
}

.shengxiao-pay__header {
    margin-bottom: .5626rem
}

.shengxiao-pay__header>img {
    width: 100%;
    border-radius: .3751rem
}

.shengxiao-pay__contents {
    padding: .7501rem
}

.shengxiao-pay__basic-info {
    margin-bottom: .5626rem;
    background-color: #fff;
    padding: 1.0314rem 1.5002rem 1.3127rem;
    color: #943923;
    border-radius: .3751rem
}

.shengxiao-pay__basic-info .adv {
    text-align: center;
    padding-top: .7501rem
}

.shengxiao-pay__basic-info .adv>img {
    width: 90%
}

.shengxiao-pay__basic-info dl {
    display: flex;
    flex-wrap: wrap
}

.shengxiao-pay__basic-info dl dd,
.shengxiao-pay__basic-info dl dt {
    padding: .1875rem 0;
    min-height: 1.1252rem;
    line-height: 1.1252rem
}

.shengxiao-pay__basic-info dl dt {
    width: 18%;
    color: #af4229
}

.shengxiao-pay__basic-info dl dd {
    width: 32%
}

.shengxiao-pay__basic-info dl .colspan2 {
    width: 82%
}

.shengxiao-pay .price {
    text-align: center;
    padding: .7501rem 0
}

.shengxiao-pay .price strong {
    font-size: 1.3127rem;
    color: #c34c3c
}

.shengxiao-pay .price del {
    color: gray
}

.shengxiao-pay__countdown {
    text-align: center;
    margin-bottom: .9376rem
}

.shengxiao-pay__lock {
    display: flex;
    flex-direction: column
}

.shengxiao-pay__lock strong {
    color: #ff5722;
    text-align: center
}

.shengxiao-pay__lock img {
    width: 100%
}

@keyframes coverAnimation-c24d2a66 {
    0% {
        display: block;
        transform-origin: center;
        opacity: 0;
        transform: scale(.5)
    }

    55% {
        opacity: 1;
        transform: scale(1);
        transform-origin: center
    }

    66% {
        transform-origin: left;
        transform: rotateY(0deg)
    }

    to {
        opacity: 1;
        transform: rotateY(-90deg);
        transform-origin: left;
        display: none
    }
}

@keyframes blankAnimation-c24d2a66 {
    0% {
        opacity: 1;
        transform: rotateY(0deg);
        display: block
    }

    to {
        opacity: 1;
        transform: rotateY(-90deg);
        display: none
    }
}

@keyframes formAnimation-c24d2a66 {
    to {
        opacity: 1
    }
}

.scys-info {
    background: #f1c588 url(//h5-cdn.liangqii.cn/img/scys/images/info_bg.jpg) no-repeat;
    background-size: 100% auto;
    min-height: 100vh;
    position: relative;
    perspective: 36.8026rem
}

.scys-info__blank,
.scys-info__cover,
.scys-info__form {
    position: absolute;
    min-height: 27.4262rem;
    margin-top: 2.3441rem
}

.scys-info__cover {
    opacity: 0;
    transform: scale(.1);
    transform-style: preserve-3d;
    animation: coverAnimation-c24d2a66 3s linear .5s forwards;
    padding: .3282rem .9376rem 0 0;
    margin-left: .9376rem;
    box-sizing: border-box
}

.scys-info__cover>img {
    width: 100%
}

.scys-info__blank {
    opacity: 0;
    padding: .8439rem 1.8284rem 0 0;
    margin-left: .8908rem;
    box-sizing: border-box;
    transform-origin: left;
    transform-style: preserve-3d;
    animation: blankAnimation-c24d2a66 1s linear 3.2s forwards
}

.scys-info__blank>img {
    width: 100%
}

.scys-info__form {
    opacity: 0;
    animation: formAnimation-c24d2a66 .3s linear 3.3s forwards;
    margin-right: .7501rem;
    background: url(//h5-cdn.liangqii.cn/img/scys/images/info_03.png) no-repeat;
    background-size: 100% auto;
    padding: 6.5635rem 1.7815rem 1.8753rem;
    box-sizing: border-box
}

.scys-info__form-item {
    margin-bottom: .9376rem;
    display: flex;
    background: url(//h5-cdn.liangqii.cn/img/scys/images/input_bg.png) no-repeat;
    background-size: 100%
}

.scys-info__form-item input,
.scys-info__form-item label {
    height: 2.3441rem;
    font-size: .7501rem
}

.scys-info__form-item label {
    width: 3.7506rem;
    padding-left: .4688rem;
    box-sizing: border-box;
    text-align: center;
    line-height: 2.3441rem;
    color: #32110a
}

.scys-info__form-item input {
    padding: 0
}

.scys-info__form-item .genders,
.scys-info__form-item input {
    flex: 1
}

.scys-info__form-item .genders {
    display: flex;
    gap: .9376rem;
    align-items: center;
    height: 2.3441rem
}

.scys-info__form-item .genders .gender {
    cursor: pointer;
    height: 1.3127rem;
    width: 1.3127rem;
    display: block;
    background: #fff;
    text-align: center;
    line-height: 1.3127rem;
    color: #af4229;
    border-radius: .8908rem;
    font-size: .7501rem
}

.scys-info__form-item .genders .gender.active {
    background: #af4229;
    color: #fff
}

.scys-info__form-item input {
    border: none;
    background: transparent;
    border-top-right-radius: .9376rem;
    border-bottom-right-radius: .9376rem
}

.scys-info__form-item input::-moz-placeholder {
    color: #777
}

.scys-info__form-item input::placeholder {
    color: #777
}

.scys-info__form-action {
    text-align: center;
    padding: .1875rem 0
}

.scys-info__form-agreement {
    text-align: center
}

.scys-info__form-history {
    display: block;
    text-align: center
}

.scys-info__form-history a {
    color: #32110a;
    font-size: .8439rem
}

.scys-gen {
    background: #f0c487 url(//h5-cdn.liangqii.cn/img/scys/images/gen_bg.jpg) no-repeat;
    background-size: 100% auto;
    min-height: 100vh
}

.scys-gen__header {
    text-align: center;
    padding-top: 4.6882rem;
    height: 10.3141rem;
    box-sizing: border-box
}

.scys-gen__header h2 {
    color: #902412;
    font-size: .9376rem;
    margin-bottom: 1.8753rem;
    position: relative;
    display: inline-block;
    padding: 0 1.4065rem;
    height: 1.4065rem;
    line-height: 1.4065rem
}

.scys-gen__header .bazi {
    display: flex;
    padding: 0 10%
}

.scys-gen__header .bazi li {
    width: 25%;
    display: flex;
    justify-content: center
}

.scys-gen__header .bazi li dl {
    display: block;
    width: 1.5002rem;
    background: linear-gradient(#fff, hsla(0, 0%, 100%, 0) 90%);
    border-radius: 16px
}

.scys-gen__header .bazi li dl dt {
    width: 1.5002rem;
    height: 1.5002rem;
    line-height: 1.5002rem;
    border-radius: .7501rem;
    background-color: #fff;
    color: #902412;
    font-weight: 400
}

.scys-gen__header .bazi li dl dd {
    padding: .2813rem .1875rem 1.1252rem;
    box-sizing: border-box;
    text-align: center;
    color: #744f06;
    font-size: .6095rem
}

.scys-gen__contents {
    padding: 0 .7501rem 1.1252rem
}

.scys-gen__progress {
    background: url(//h5-cdn.liangqii.cn/img/scys/images/progress_bg.png) no-repeat;
    background-size: 100% 100%;
    padding: 2.2504rem 2.2504rem;
    min-height: 14.0647rem;
    box-sizing: border-box
}

.scys-gen__pan {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 12.1894rem
}

.scys-gen__pan-container {
    position: relative;
    width: 9.3765rem;
    height: 9.3765rem;
    border: .0469rem solid hsla(0, 0%, 100%, .1);
    border-radius: 4.6882rem;
    box-shadow: 0 0 32px hsla(0, 0%, 100%, .1);
    background: radial-gradient(circle, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .05) 70%)
}

.scys-gen__pan-container:after,
.scys-gen__pan-container:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.scys-gen__pan-container:before {
    width: 62%;
    padding-top: 62%
}

.scys-gen__pan-container:after {
    width: 26%;
    padding-top: 26%
}

.scys-gen__pan .zhi {
    width: 9.3765rem;
    height: 9.3765rem;
    position: absolute;
    transform-origin: center center;
    transition: transform 1s ease-in-out
}

.scys-gen__pan .zhi li {
    position: absolute;
    color: hsla(0, 0%, 100%, .75);
    width: 1.4065rem;
    height: 1.4065rem;
    line-height: 1.4065rem;
    font-size: .7501rem;
    border-radius: .7032rem;
    text-align: center
}

.scys-gen__pan .zhi li.active {
    color: #000;
    background-color: #ffebac
}

.scys-gen__pan .gan {
    width: 9.3765rem;
    height: 9.3765rem;
    position: absolute;
    transform-origin: center center;
    transition: transform 1s ease-in-out
}

.scys-gen__pan .gan li {
    position: absolute;
    color: hsla(0, 0%, 100%, .75);
    width: 1.2189rem;
    height: 1.2189rem;
    line-height: 1.2189rem;
    font-size: .6095rem;
    border-radius: .6095rem;
    text-align: center
}

.scys-gen__pan .gan li.active {
    color: #000;
    background-color: #ffebac
}

.pay-dialog {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%
}

.pay-dialog .wrapper,
.pay-dialog {
    min-height: 100vh
}

.pay-dialog .wrapper {
    position: relative;
    background-color: rgba(0, 0, 0, .2)
}

.pay-dialog__container {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fffbd8;
    border-top-left-radius: .7501rem;
    border-top-right-radius: .7501rem;
    box-shadow: 0 .1875rem .7501rem rgba(0, 0, 0, .2)
}

.pay-dialog .basic-info {
    display: flex;
    padding: 1.1252rem;
    align-items: center
}

.pay-dialog .basic-info>img {
    width: 40%
}

.pay-dialog .basic-info .order-info {
    padding-left: .7501rem;
    flex: 1;
    line-height: 1.5;
    color: #333
}

.pay-dialog .basic-info .order-info strong {
    display: block;
    font-size: .8439rem
}

.pay-dialog .basic-info .order-info p {
    padding-top: .4688rem
}

.pay-dialog .basic-info .order-info b {
    color: #c82725;
    font-weight: 400
}

.pay-dialog .basic-info .order-info i {
    font-style: normal;
    color: #e8a44e
}

.pay-dialog .price-countdown {
    display: flex;
    justify-content: space-between;
    border: .0469rem solid #e8e5a3;
    border-left-width: 0;
    border-right-width: 0;
    padding: .7501rem 1.1252rem;
    align-items: center
}

.pay-dialog .price-countdown>strong {
    background: #c82725;
    color: #fff;
    padding: .2813rem .5626rem;
    border-radius: .1875rem;
    font-size: .8439rem;
    font-weight: 400
}

.pay-dialog .price-countdown .countdown__container {
    display: flex;
    flex-direction: column;
    gap: .1875rem
}

.pay-dialog .price-countdown .countdown__container small {
    font-size: .5626rem;
    color: #888
}

.pay-dialog .pay-channels {
    padding: .3751rem 0
}

.pay-dialog .pay-channels li {
    padding: .3751rem 1.1252rem;
    display: flex;
    align-items: center;
    cursor: pointer
}

.pay-dialog .pay-channels li:active {
    background-color: #faebc0
}

.pay-dialog .pay-channels li .icon {
    width: 1.5002rem;
    height: 1.5002rem;
    margin-right: .3751rem
}

.pay-dialog .pay-channels li>strong {
    font-weight: 400;
    font-size: .8439rem;
    flex: 1
}

.pay-dialog .pay-channels li .checkbox {
    width: .9376rem;
    height: .9376rem;
    border: .0469rem solid #e8e8e8;
    border-radius: .4688rem;
    box-sizing: border-box
}

.pay-dialog .pay-channels li .checkbox.checked {
    position: relative;
    background-color: #26a33b;
    border-color: #26a33b
}

.pay-dialog .pay-channels li .checkbox.checked:before {
    content: "";
    position: absolute;
    top: .082rem;
    left: .2696rem;
    width: .1875rem;
    height: .4219rem;
    border: solid #fff;
    border-width: 0 .1406rem .1406rem 0;
    transform: rotate(45deg)
}

.pay-dialog .action {
    padding: 0 1.1252rem .7501rem
}

.pay-dialog .action button {
    background: #c82725;
    color: #fff;
    width: 100%;
    height: 2.1566rem;
    font-size: .8439rem;
    border-radius: .3751rem;
    border-style: solid;
    border-color: #c82725
}

.scys-pay {
    background: #efc487 url(//h5-cdn.liangqii.cn/img/scys/images/gen_bg.jpg) no-repeat;
    background-size: 100% auto;
    min-height: 100vh
}

.scys-pay__header {
    padding-top: 3.3755rem;
    padding-bottom: .7501rem
}

.scys-pay__header>p {
    text-align: center;
    color: #fff;
    line-height: 1.5;
    font-size: .8439rem
}

.scys-pay__contents {
    padding: 0 .7501rem
}

.scys-pay__contents>img,
.scys-pay__contents>input {
    width: 100%
}

.scys-pay__contents>p {
    padding: .3751rem;
    text-align: center;
    font-size: .7501rem;
    line-height: 1.5
}

.scys-pay__contents>p b {
    color: red
}

.feedback-detail {
    min-height: 100vh;
    background: #f0f0f0
}

.feedback-detail__header,
.feedback-detail__section {
    padding: .6564rem .7501rem;
    background: #fff
}

.feedback-detail__header {
    font-size: .7501rem
}

.feedback-detail__section {
    margin-top: .7501rem;
    display: flex;
    align-items: center
}

.feedback-detail__section p {
    flex: 1;
    padding-right: 1.1252rem;
    color: #555
}

.feedback-detail__section b {
    width: 4.2194rem;
    height: 1.5002rem;
    line-height: 1.5002rem;
    background: #2aae67;
    color: #fff;
    text-align: center;
    font-weight: 400;
    border-radius: .1875rem
}

.feedback-complaint {
    min-height: 100vh;
    background: #f0f0f0;
    display: flex;
    flex-direction: column
}

.feedback-complaint input,
.feedback-complaint textarea {
    border: none
}

.feedback-complaint p,
.feedback-complaint textarea {
    padding: .7501rem
}

.feedback-complaint input {
    height: 2.2504rem
}

.feedback-complaint__header {
    font-size: .7501rem;
    padding: .3751rem .7501rem;
    color: #777
}

.feedback-complaint__section {
    background: #fff;
    padding: 0 .7501rem;
    display: flex;
    align-items: center
}

.feedback-complaint__section p {
    flex: 1;
    padding-right: 1.1252rem;
    color: #444
}

.feedback-complaint__commit {
    padding: 1.1252rem .7501rem
}

.feedback-complaint__commit button {
    width: 100%;
    border: none;
    height: 1.8753rem;
    background: #2aae67;
    color: #fff;
    text-align: center;
    font-weight: 400;
    border-radius: .1875rem
}

.title-section {
    text-align: center;
    margin-bottom: 40px;
    padding-top: 60px;
  }
  
  .main-title {
    color: #ffd700;
    font-size: 24px;
    font-weight: bold;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    margin: 0;
  }